import bg from "../assets/4261.svg";

export default defineComponent({
	name: "Module",
	props: { title: String },
	setup(props: { title: string }, { slots }) {
		return () => (
			<div class={""}>
				<div class={"w-full h-full flex p-3 pt-1  box-border"}>
					<div
						class={"w-full h-full relative"}
						style={{
							"background-image": `url('${bg}')`,
							"background-repeat": "no-repeat",
							"background-size": "100% 100%",
							"background-clip": "border-box"
						}}
					>
						<div class={"absolute left-[10px] top-[-1px] text-[#95CFFC] font-bold text-[14px] leading-[14px]"}>{props.title}</div>
						<div class={"w-full h-full text-white p-5 pt-8 box-border"}>{slots?.default?.()}</div>
					</div>
				</div>
			</div>
		);
	}
});
